<template>
  <div>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column fixed prop="id" label="序号" width="50" />
      <el-table-column prop="name" label="标题" width="150" />
      <el-table-column prop="cover" label="封面" width="150" />
      <el-table-column prop="author" label="作者" width="150" />
      <el-table-column prop="video" label="视频地址" width="300" />
      <el-table-column prop="perated" label="投币数" width="100" />
      <el-table-column prop="giveThe" label="点赞数" width="100" />
      <el-table-column prop="data" label="发布日期" width="120" />
      <el-table-column label="操作" width="250">
        <template v-slot="{ row }">
          <!-- 修改 -->
          <el-button type="primary" icon="el-icon-edit" />
          <!-- 删除 -->
          <el-button type="primary" icon="el-icon-delete" @click="delete(row.id)" />
          <!-- 上传 -->
          <el-button
            type="primary"
          >上传<i
            class="el-icon-upload el-icon--right"
          /></el-button>
        </template>
      </el-table-column>
    </el-table>

    <el-button type="primary" class="add-to" @click="$router.push('/gement/attr')">添加视频</el-button>
  </div>
</template>

<script>
export default {
  name: 'Trademark',
  data() {
    return {
      tableData: [
        {
          id: 1,
          name: '动漫里那些无法超越的台词和画面',
          cover:
            '	https://i2.hdslb.com/bfs/archive/5dfeb34f7d3dc061e61ea7ff886fa1e20fac21c5.jpg@672w_378h_1c.webp',
          author: '永远的我的鸟笼Me',
          video:
            '<iframe src="//player.bilibili.com/player.html?aid=896335939&bvid=BV1uA4y1S7ES&cid=714117927&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>',
          perated: 2145641,
          giveThe: 123122,
          data: '2022-6-14'
        },
        {
          id: 2,
          name: '动漫里那些无法超越的台词和画面1',
          cover:
            '	https://i2.hdslb.com/bfs/archive/5dfeb34f7d3dc061e61ea7ff886fa1e20fac21c5.jpg@672w_378h_1c.webp',
          author: '永远的我的鸟笼Me1',
          video:
            '<iframe src="//player.bilibili.com/player.html?aid=896335939&bvid=BV1uA4y1S7ES&cid=714117927&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>',
          perated: 2145641,
          giveThe: 123122,
          data: '2022-6-14'
        },
        {
          id: 3,
          name: '动漫里那些无法超越的台词和画面2',
          cover:
            '	https://i2.hdslb.com/bfs/archive/5dfeb34f7d3dc061e61ea7ff886fa1e20fac21c5.jpg@672w_378h_1c.webp',
          author: '永远的我的鸟笼Me2',
          video:
            '<iframe src="//player.bilibili.com/player.html?aid=896335939&bvid=BV1uA4y1S7ES&cid=714117927&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>',
          perated: 2145641,
          giveThe: 123122,
          data: '2022-6-14'
        }
      ]
    }
  },
  methods: {
    delete(id) {

    }
  }
}
</script>

<style lang="scss" scoped>
.add-to {
  margin-top: 20px;
}
</style>
